<template>
  <div>

    <div class="demo">
      <KunkkaButton label="按钮" />
      <KunkkaButton type="success" label="按钮" />
      <KunkkaButton type="info" label="按钮" />
      <KunkkaButton size="medium" type="warning" label="按钮" />
      <KunkkaButton size="small " type="danger" label="按钮" />
      <KunkkaButton
        size="small "
        type="danger"
        label="按钮"
        icon="el-icon-check"
      />
    </div>

    <div class="markdown-body">
      <readme />
    </div>
  </div>
</template>

<script>
import Readme from './readme.md'
export default {
  name: 'ButtonDoc',
  components: { Readme },
  data() {
    return {
      prop: 'study',
      prop2: 'study2',
      optionlist: [
        {
          cKeyname: '小明',
          cKeynumb: 1
        },
        {
          cKeyname: '小李',
          cKeynumb: 2
        }
      ],
      model: {
        study: 1,
        study2: null
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.demo {
  display: inline-block;
  .demo-item {
    margin-left: 20px;
    display: inline-block;
  }
}
</style>
